<template>
  <div class="common-box" v-if="boxIsShow">
      <div class="common-content-box">
          <div class="content-table-box">
              <div class="content_table_title_box">
                  <img src="@/assets/icon-data.png" class="content_table_title_icon">
                  <div class="content_table_title">数据统计</div>
              </div>
              <div style="padding: 20px 15px;">
                <el-descriptions title="">
                  <el-descriptions-item label="未发货订单">{{iData[0]}}</el-descriptions-item>
                  <el-descriptions-item label="昨日出货量">{{iData[1]}}</el-descriptions-item>
              </el-descriptions>
              </div>
          </div>
      </div>
  </div>
</template>
<script>
export default {
  components: {
},
data() {
  return {
    accountType:0,
    accountId:0,
    iData:null,
    boxIsShow:false
  };
},
methods: {
  __init() {
    this.accountType=Number(sessionStorage.getItem("supplierType"));
    this.accountId=Number(sessionStorage.getItem("supplierId"));
    this.getData();
  },
  getData(){
    var url="manager/getIndexManagerData";
    var params={
      accountType: this.accountType,
      accountId:this.accountId,
    }
    this.$post(url, params).then((res) => {
      console.log(res)
      if (res.code === 0) {
        this.iData=res.data;
      } else {
        this.$message.error(res.msg)
      }
    });
  }
}
}
</script>
<style scoped lang="scss">
.common-box{
  background-color: #f9f9fb;
  height: 100%;
}
.common-content-box{
  height: 95%;
  margin-top: 2%;
  width: 96%;
  display: inline-block;
}
.content-table-box{
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 0 5px 1px rgba(83, 83, 83, 0.1);
}
.content_table_title_box{
  position: relative;
  height: 30px;
  margin-top: 10px;
  width: 100%;
  display: inline-block;
}
.content_table_title_icon{
  position: absolute;
  left: 15px;
  height: 18px;
  top: 6px;
}
.content_table_title{
  position: absolute;
  line-height: 34px;
  height: 100%;
  font-size: 15px;
  color: #42484e;
  left: 40px;
}
.table_search_box{
  text-align: left;
  margin-top: 10px;
  margin-left: 2%;
}
.table_box{
  height: calc(100% - 255px);
  margin-top: 10px;
  width: 96%;
  margin-left: 2%;
}
.line-break span{
  display: block;
}
.gn_btn_div{
  margin: 10px 0px;
  width: 96%;
  margin-left: 2%;
  text-align: left;
}
</style>